page {
    padding-bottom: 100rpx;
}

// 显示用户信息部分(主要是通信信息)
.user-info-section {
    display: flex;
    padding: 20rpx;
    .user-info-left {
        flex: 5;
        .user-name {
            margin-bottom: 15rpx;
        }
        .user-address {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
        }
    }
    .user-info-right {
        flex: 3;
        text-align: right;
    }
}

// 购物车部分
.cart-section {
    .cart-header {
        font-size: 36rpx;
        padding: 20rpx;
        color: var(--themeColor);
        border-top: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
    }
  
    .cart-content {
      .cart-content-item {
        display: flex;
        padding: 10rpx;
        border-bottom: 1px solid #ccc;
        
        .goods-img {
            flex: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            image {
                width: 80%;
            }
        }
 
        .goods-info {
            flex: 4;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
          .goods-info-name {
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #666;
          }
  
          .goods-info-mix {
            display: flex;
            justify-content: space-between;
            .goods-price {
                color: var(--themeColor);
                font-size: 34rpx;
            }
  
            .goods-num {
                display: flex;
            
            }
          }
        }
      }
    }
  }


// 底部工具栏
.footer-tool {
    width: 100%;
    height: 100rpx;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
  
    .totalMoney {
        flex: 5;
        padding-right: 15rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        text-align: right;
        font-weight: 600;
      .money {
        font-size: 34rpx;
        .money-num {
            color: var(--themeColor);
        }
      }
    }
  
    .pay {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 32rpx;
        font-weight: 600;
        background-color: var(--themeColor);
    }
  }